<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<div th:include="include :: header"></div>
 
<script type="text/javascript" src="/js/face/liveplayer-element.min.js"></script>
<script>  
 	videojs.options.flash.swf = "/js/face/liveplayer.swf";
</script>

<body class="gray-bg">
<div class="wrapper wrapper-content "> 
    <div class="col-sm-12" style="text-align: center;">
        <form id="form" action="/video" method="get" >
        	<div class="form-group">
                <span class="col-sm-1 control-label" style="padding-right: 0px;padding-top: 5px;"> 
                 	<label>摄像头名称：</label>
                </span>
                <div class="col-sm-2" style="padding-left: 0;">
                     <input type="text" name="name" class="form-control"  th:value="${camera?.name}" placeholder="请输入名称" />
                </div>
            </div> 
            <div class="form-group" >
                <span class="col-sm-1 control-label" style="padding-right: 0px;padding-top: 5px;"> 
                 	<label>所属分组：</label>
                </span>
                <div class="col-sm-2" style="padding-left: 0;">
                <select  id="groupType" name="groupType" class="form-control" title="类型"> </select>
                </div>
                <input id="groupTypeValue" th:value="${camera?.groupType}" type="hidden">
            </div>
            <input type="hidden"  id="pageSize" name="pageSize" th:value="${page?.size}" />
            <input type="hidden"  id="pageNo" name="pageNumber" th:value="${page?.current}" />
            <input type="hidden"  id="total" name="total" th:value="${page?.total}" />
             
            <div class="col-sm-2" >
                    <button type="button" class="btn btn-primary"  onclick="search()" style="">查&nbsp;&nbsp;询</button>
            </div> 
        </form>

    </div> 
    
    <!-- start danpin -->
		<div class="danpin center">
			
			<div class="biaoti center"></div>
			
			<div class="main center mb20" > 
				
			 	<div th:each="item : ${page?.records}" class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_mingxing"><a th:onclick="'javascript:viewSrc(\''+${item.id}+'\');'" title="查看视频源" ><img th:src="${item?.videoImg}" alt="查看视频源"></a></div>
					<div class="pinpai"><a href=""  th:text="${item?.name}" >小米6</a></div>
					<div class="youhui" th:text="${item?.groupName}" >5.16早10点开售</div>
					<div class="jiage">
						<a th:if="${item?.status} ne 1" shiro:hasPermission="video:manage:edit" href="javascript:;" title="推送"  class="btn_edit" th:onclick="'javascript:push(\''+${item.id}+'\');'">
		                    <span class="glyphicon glyphicon-film bigger-120"></span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		                </a> 
		                 
		                <a th:if="${item?.status} eq 1" shiro:hasPermission="video:manage:edit" href="javascript:;" title="停止推送"  class="btn_edit" th:onclick="'javascript:endPush(\''+${item.id}+'\');'">
		                  	<span class="glyphicon glyphicon-ban-circle bigger-120"></span> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
		                </a> 
		            
		                <a shiro:hasPermission="video:manage:view" href="javascript:;" title="查看推送结果"  class="btn_remove" th:onclick="'javascript:viewPush(\''+${item.id}+'\');'" >
		                    <span class="ace-icon fa fa-eye bigger-120"></span></a> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
		                <a shiro:hasPermission="video:manage:edit" href="javascript:;" title="编辑"  class="btn_edit" th:onclick="'javascript:edit(\''+${item.id}+'\');'">
		                     <span class="glyphicon glyphicon-edit bigger-120"></span> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
		                </a>
		                <a shiro:hasPermission="video:manage:delete" href="javascript:;" title="删除" class="btn_remove" th:onclick="'javascript:remove(\''+${item.id}+'\');'" >
		                    &nbsp;&nbsp;<span class="glyphicon glyphicon-trash bigger-120"></span>
		                </a>
					</div>
				</div> 
				<div class="clear"></div>
			</div>
		</div > 
		<div class="main center mb20" style="border:0px solid red;    text-align: center;" >
			 <button onclick="add()" type="button" class="btn btn-primary"  style=" line-height:16px;margin-right:10px">&nbsp;&nbsp;&nbsp;&nbsp;新&nbsp;&nbsp;增&nbsp;&nbsp;&nbsp;&nbsp;</button>
            <button onclick="viewFace()" type="button" class="btn btn-primary"  style=" line-height:16px;margin-right:10px">&nbsp;&nbsp;&nbsp;&nbsp;人脸识别&nbsp;&nbsp;&nbsp;&nbsp;</button>
      
		</div>
<nav aria-label="Page navigation" class="pull-right" style="width:100%;border:0px solid red;    text-align: center;">
    <ul class="pagination"  id="pageId"></ul> 
    <ul class="form-group" style="width:102px;float:left; margin-right:0px;margin-top:18px; margin-left:0px;">
        <li shiro:hasPermission="video:manage:add" class="input-group-btn" >
             </li>
    </ul>
</nav>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript"  src="/js/video/list.js"></script> 
<script type="text/javascript">
 
</script>
</body>
</html>